<!-- navbar header -->
<div class="navbar-header {{app.settings.navbarHeaderColor}}">
	<button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
		<i class="glyphicon glyphicon-cog"></i>
	</button>
	<button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
		<i class="glyphicon glyphicon-align-justify"></i>
	</button>
	<!-- brand -->
	<a href class="navbar-brand text-lt">
	<!-- logo图标 -->
		<i ng-if="!app.settings.asideFolded"> <img src="/ecar-mp/img/navlogo.png" alt="logo"> </i>
		<i ng-if="app.settings.asideFolded"> <img src="/ecar-mp/img/navlogo_sm.png" alt="logo small"> </i>
	</a>
	<!-- / brand -->
</div>
<!-- / navbar header -->

<!-- navbar collapse -->
<div class="collapse pos-rlt navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}">
	<!-- nabar right -->
	<ul class="nav navbar-nav navbar-right">
		<!-- <li class="dropdown hidden-sm" is-open="lang.isopen" dropdown>
			<a href class="dropdown-toggle" dropdown-toggle>
			  {{selectLang}} <b class="caret"></b>
			</a>
			dropdown
			<ul class="dropdown-menu animated fadeInRight w">
			  <li ng-repeat="(langKey, label) in langs">
				<a ng-click="setLang(langKey, $event)" href>{{label}}</a>
			  </li>
			</ul>
			/ dropdown
		  </li> -->
		<li class="dropdown" has-authority="AGENCY" dropdown ng-if="agencyQr.length > 0">
			<a href class="dropdown-toggle" dropdown-toggle>
				<i class="fa fa-qrcode"></i>
				<span class="visible-xs-inline">代售点二维码</span>
			</a>
			<div class="dropdown-menu w-xl animated fadeInUp">
				<div class="panel bg-white">
					<div class="panel-heading b-light bg-light">
						<strong>代售点二维码</strong>
					</div>
					<div class="panel-body bg-white wrapper-sm">
						<a href="{{agencyQr}}" target="_blank">
							<img ng-src="{{agencyQr}}" style="width: 100%;height: 100%" />
						</a>
					</div>
				</div>
			</div>
		</li>
		<li class="hidden-xs">
			<a ui-fullscreen></a>
		</li>
		<li class="dropdown" dropdown>
			<a href class="dropdown-toggle" dropdown-toggle>
				<i class="icon-bell fa-fw"></i>
				<span class="visible-xs-inline">通知</span>
				<span class="badge badge-sm up bg-danger pull-right-xs" ng-show="notifyMsg.unread > 0">
					{{notifyMsg.unread}}
				</span>
			</a>
			<!-- dropdown -->
			<div class="dropdown-menu w-xl animated fadeInUp">
				<div class="panel bg-white">
					<div class="panel-heading b-light bg-light">
						<strong ng-if="notifyMsg.unread > 0">你有 <span>{{notifyMsg.list.length}}</span> 条未读消息</strong>
						<strong ng-if="notifyMsg.unread <= 0">暂无消息</strong>
					</div>
					<div class="list-group">
						<a href class="media list-group-item" ng-repeat="msg in notifyMsg.list | limitTo: 5">
							<span class="media-body block m-b-none">
								{{msg.content}}<br>
								<small class="text-muted">{{msg.createTime | date: "MM-dd HH:mm:ss"}}</small>
							</span>
						</a>
					</div>
					<div class="panel-footer text-sm">
						<a href class="pull-right" ng-click="allRead()" ng-show="notifyMsg.unread > 0"><i class="fa fa-cog"></i>设为已读</a>
						<a ui-sref="app.user.notifies()" href data-toggle="class:show animated fadeInRight">
							查看所有消息
						</a>
					</div>
				</div>
			</div>
			<!-- / dropdown -->
		</li>
		<li class="dropdown" dropdown>
			<a href class="dropdown-toggle clear" dropdown-toggle>
				<!-- <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
				<img src="img/a0.jpg" alt="...">
				<i class="on md b-white bottom"></i>
			  </span> -->
				<span class="hidden-sm hidden-md">{{loginUser.username}}</span> <b class="caret"></b>
			</a>
			<!-- dropdown -->
			<ul class="dropdown-menu animated fadeInRight w">
				<li>
					<a ng-click="logout()">注销</a>
				</li>
			</ul>
			<!-- / dropdown -->
		</li>
	</ul>
	<!-- / navbar right -->

</div>
<!-- / navbar collapse -->